<template>
	<view class="content">
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
		<view class="row">
			<view class="left cos">
				设备台账
			</view>
			<view class="cos">
				<input v-model="file_name" id="fileInput" :type="inputfile" @change="handleFileUpload"></input>
				<view  @click="readFileExcel">选择文件</view>
			</view>
		</view> 
		<view class="row">
			<view class="left cos">
				车间
			</view>
			<view class="cos">
				<input v-model="device_place" placeholder="" />
			</view>
		</view>
		<view class="row">
			<view class="left cos">
				设备名称
			</view>
			<view class="cos">
				<input v-model="device_name" placeholder="" />
			</view>
		</view>
		<view class="row">
			<view class="left cos">
				机台号
			</view>
			<view class="cos">
				<input v-model="device_no" placeholder="" />
			</view>
		</view>
		<view class="row">
			<view class="left cos">
				<view @click="reset">
					重置
				</view>
			</view>
			<view class="cos">
				<view @click="query">
					查询
				</view>
			</view>
		</view>
		<view class="row">
			<view class="left cos">
				结果
			</view>
			<view class="cos"><input v-model="dg_code" type="input">
				<input>
			</view>
		</view>
	</view>
</template>
<script>
	import * as XLSX from 'xlsx';
	export default {
		data() {
			return {
				title: '根据设备类型、机台号模糊查询，设备台账的DG资产编码',
				device_place:'干法线',
				device_name: '印刷',
				device_no: '',
				dg_code: 'DG-2023-0000',
				file_name: '',
				inputfile:'file',
				jsonData:[],//数据查询
			}
		},
		onLoad() {
			this.readFileExcel();
		},
		methods: {
			reset() {
				this.device_place='';
				this.device_name = '';
				this.device_no = '';
			},
			query() {
				console.log(this.jsonData.length);
				for (var i = 0; i < this.jsonData.length; i++) {
					var item=this.jsonData[i];
					if(item['机台号']==this.device_no&&item['功能位置']==this.device_place&&item['设备名称']==this.device_name){
						this.dg_code=item['设备编号'];
						break;
					}
				}	
				//this.dg_code = '';
			},
			sortData(){
				// 业务状态
				// : 
				// "完成"
				// 使用部门
				// : 
				// "叠层制造部"
				// 供应商
				// : 
				// "深圳市精创热能科技有限公司"
				// 修改人
				// : 
				// "李韵建"
				// 修改时间
				// : 
				// 45643.6689583333
				// 出厂编号
				// : 
				// "JC202406079"
				// 分公司编码
				// : 
				// "212-3093"
				// 创建人
				// : 
				// "覃伯祥"
				// 创建时间
				// : 
				// 45639.4256481482
				// 功率（千瓦）
				// : 
				// 10
				// 功能位置
				// : 
				// "叠层车间..切割"
				// 单据状态
				// : 
				// "暂存"
				// 原值（元）
				// : 
				// 21681.42
				// 合同编号
				// : 
				// "风华-2024-0049"
				// 合同金额
				// : 
				// 24500
				// 存放地点
				// : 
				// "叠层车间..切割"
				// 序号
				// : 
				// "1"
				// 数据来源
				// : 
				// "开箱验收"
				// 机台号
				// : 
				// "2"
				// 来源方式
				// : 
				// "购入"
				// 规格型号
				// : 
				// "JCHX-PGF560L-250"
				// 计量单位
				// : 
				// "台"
				// 设备共享
				// : 
				// "不共享"
				// 设备分类
				// : 
				// "辅助设备"
				// 设备名称
				// : 
				// "干法发泡箱"
				// 设备状态
				// : 
				// "待安装"
				// 设备编号
				// : 
				// "DG-2024-0469"
				// 资产管理组织
				// : 
				// "电感分公司"
				// 过程状态
				// : 
				// "新到位"
				// 运行状态
				// : 
				// "正常使用"
			},
			handleFileUpload(event) {
				var that=this;
				const file = event.target.files[0];
				const reader = new FileReader();
				reader.onload = (e) => {
					const data = new Uint8Array(e.target.result);
					const workbook = XLSX.read(data, {
						type: 'array'
					});
					const firstSheetName = workbook.SheetNames[0];
					const worksheet = workbook.Sheets[firstSheetName];
					const jsonData = XLSX.utils.sheet_to_json(worksheet);
					console.log(jsonData);
					that.jsonData=jsonData;
					// 处理jsonData
				};
				reader.readAsArrayBuffer(file);
			},
			readFileExcel() {
				var that=this;
				// this.file_name='../../设备台账[(资产编码-分公司编码-机台-厂家)对应].xlsx';
				var fileInput=document.getElementById('fileInput').children[0].children[1];
				fileInput.setAttribute('type','file');
				fileInput.addEventListener('change', (event) => {
				    that.handleFileUpload(event);
				});
			},
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20rpx;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}

	.row {
		width: 100%;
		display: flex;
		flex-direction: row;
		border: #e8e8e8 2rpx solid;
		padding: 10rpx;
	}

	.cos {
		display: flex;
		flex-direction: column;
	}

	.left {
		width: 25%;
	}
	input[type="file"] {
	  display: block;
	  margin-top: 10px;
	}
</style>